<html>
<head>
<meta charset="utf-8"/>
<title>entypo font example</title>
<link type="text/css" rel="stylesheet" href="style.css"/>
<style type="text/css">
div{width:800px;}
span{display:block; float:left; padding:6px; font-size:24px;}
</style>
</head>
<body>
<div>
<span title="icon-phone" class="icon-phone"></span>
<span title="icon-mobile" class="icon-mobile"></span>
<span title="icon-mouse" class="icon-mouse"></span>
<span title="icon-directions" class="icon-directions"></span>
<span title="icon-map" class="icon-map"></span>
<span title="icon-compass" class="icon-compass"></span>
<span title="icon-location" class="icon-location"></span>
<span title="icon-target" class="icon-target"></span>
<span title="icon-share" class="icon-share"></span>
<span title="icon-sharable" class="icon-sharable"></span>
<span title="icon-heart" class="icon-heart"></span>
<span title="icon-heart-2" class="icon-heart-2"></span>
<span title="icon-star" class="icon-star"></span>
<span title="icon-star-2" class="icon-star-2"></span>
<span title="icon-thumbs-up" class="icon-thumbs-up"></span>
<span title="icon-thumbs-down" class="icon-thumbs-down"></span>
<span title="icon-chat" class="icon-chat"></span>
<span title="icon-comment" class="icon-comment"></span>
<span title="icon-quote" class="icon-quote"></span>
<span title="icon-house" class="icon-house"></span>
<span title="icon-popup" class="icon-popup"></span>
<span title="icon-search" class="icon-search"></span>
<span title="icon-flashlight" class="icon-flashlight"></span>
<span title="icon-printer" class="icon-printer"></span>
<span title="icon-bell" class="icon-bell"></span>
<span title="icon-link" class="icon-link"></span>
<span title="icon-flag" class="icon-flag"></span>
<span title="icon-cog" class="icon-cog"></span>
<span title="icon-tools" class="icon-tools"></span>
<span title="icon-trophy" class="icon-trophy"></span>
<span title="icon-tag" class="icon-tag"></span>
<span title="icon-camera" class="icon-camera"></span>
<span title="icon-megaphone" class="icon-megaphone"></span>
<span title="icon-moon" class="icon-moon"></span>
<span title="icon-palette" class="icon-palette"></span>
<span title="icon-leaf" class="icon-leaf"></span>
<span title="icon-music" class="icon-music"></span>
<span title="icon-music-2" class="icon-music-2"></span>
<span title="icon-new" class="icon-new"></span>
<span title="icon-graduation" class="icon-graduation"></span>
<span title="icon-book" class="icon-book"></span>
<span title="icon-newspaper" class="icon-newspaper"></span>
<span title="icon-bag" class="icon-bag"></span>
<span title="icon-airplane" class="icon-airplane"></span>
<span title="icon-lifebuoy" class="icon-lifebuoy"></span>
<span title="icon-eye" class="icon-eye"></span>
<span title="icon-clock" class="icon-clock"></span>
<span title="icon-microphone" class="icon-microphone"></span>
<span title="icon-calendar" class="icon-calendar"></span>
<span title="icon-bolt" class="icon-bolt"></span>
<span title="icon-thunder" class="icon-thunder"></span>
<span title="icon-droplet" class="icon-droplet"></span>
<span title="icon-cd" class="icon-cd"></span>
<span title="icon-briefcase" class="icon-briefcase"></span>
<span title="icon-air" class="icon-air"></span>
<span title="icon-hourglass" class="icon-hourglass"></span>
<span title="icon-gauge" class="icon-gauge"></span>
<span title="icon-language" class="icon-language"></span>
<span title="icon-network" class="icon-network"></span>
<span title="icon-key" class="icon-key"></span>
<span title="icon-battery" class="icon-battery"></span>
<span title="icon-bucket" class="icon-bucket"></span>
<span title="icon-magnet" class="icon-magnet"></span>
<span title="icon-drive" class="icon-drive"></span>
<span title="icon-cup" class="icon-cup"></span>
<span title="icon-rocket" class="icon-rocket"></span>
<span title="icon-brush" class="icon-brush"></span>
<span title="icon-suitcase" class="icon-suitcase"></span>
<span title="icon-cone" class="icon-cone"></span>
<span title="icon-earth" class="icon-earth"></span>
<span title="icon-keyboard" class="icon-keyboard"></span>
<span title="icon-browser" class="icon-browser"></span>
<span title="icon-publish" class="icon-publish"></span>
<span title="icon-progress-3" class="icon-progress-3"></span>
<span title="icon-progress-2" class="icon-progress-2"></span>
<span title="icon-brogress-1" class="icon-brogress-1"></span>
<span title="icon-progress-0" class="icon-progress-0"></span>
<span title="icon-sun" class="icon-sun"></span>
<span title="icon-sun-2" class="icon-sun-2"></span>
<span title="icon-adjust" class="icon-adjust"></span>
<span title="icon-code" class="icon-code"></span>
<span title="icon-screen" class="icon-screen"></span>
<span title="icon-infinity" class="icon-infinity"></span>
<span title="icon-light-bulb" class="icon-light-bulb"></span>
<span title="icon-credit-card" class="icon-credit-card"></span>
<span title="icon-database" class="icon-database"></span>
<span title="icon-voicemail" class="icon-voicemail"></span>
<span title="icon-clipboard" class="icon-clipboard"></span>
<span title="icon-cart" class="icon-cart"></span>
<span title="icon-box" class="icon-box"></span>
<span title="icon-ticket" class="icon-ticket"></span>
<span title="icon-rss" class="icon-rss"></span>
<span title="icon-signal" class="icon-signal"></span>
<span title="icon-thermometer" class="icon-thermometer"></span>
<span title="icon-droplets" class="icon-droplets"></span>
<span title="icon-untitled" class="icon-untitled"></span>
<span title="icon-statistics" class="icon-statistics"></span>
<span title="icon-pie" class="icon-pie"></span>
<span title="icon-bars" class="icon-bars"></span>
<span title="icon-graph" class="icon-graph"></span>
<span title="icon-lock" class="icon-lock"></span>
<span title="icon-lock-open" class="icon-lock-open"></span>
<span title="icon-logout" class="icon-logout"></span>
<span title="icon-login" class="icon-login"></span>
<span title="icon-checkmark" class="icon-checkmark"></span>
<span title="icon-cross" class="icon-cross"></span>
<span title="icon-minus" class="icon-minus"></span>
<span title="icon-plus" class="icon-plus"></span>
<span title="icon-cross-2" class="icon-cross-2"></span>
<span title="icon-minus-2" class="icon-minus-2"></span>
<span title="icon-plus-2" class="icon-plus-2"></span>
<span title="icon-cross-3" class="icon-cross-3"></span>
<span title="icon-minus-3" class="icon-minus-3"></span>
<span title="icon-plus-3" class="icon-plus-3"></span>
<span title="icon-erase" class="icon-erase"></span>
<span title="icon-blocked" class="icon-blocked"></span>
<span title="icon-info" class="icon-info"></span>
<span title="icon-info-2" class="icon-info-2"></span>
<span title="icon-question" class="icon-question"></span>
<span title="icon-help" class="icon-help"></span>
<span title="icon-warning" class="icon-warning"></span>
<span title="icon-cycle" class="icon-cycle"></span>
<span title="icon-cw" class="icon-cw"></span>
<span title="icon-ccw" class="icon-ccw"></span>
<span title="icon-shuffle" class="icon-shuffle"></span>
<span title="icon-arrow" class="icon-arrow"></span>
<span title="icon-arrow-2" class="icon-arrow-2"></span>
<span title="icon-retweet" class="icon-retweet"></span>
<span title="icon-loop" class="icon-loop"></span>
<span title="icon-history" class="icon-history"></span>
<span title="icon-back" class="icon-back"></span>
<span title="icon-switch" class="icon-switch"></span>
<span title="icon-list" class="icon-list"></span>
<span title="icon-add-to-list" class="icon-add-to-list"></span>
<span title="icon-layout" class="icon-layout"></span>
<span title="icon-list-2" class="icon-list-2"></span>
<span title="icon-text" class="icon-text"></span>
<span title="icon-text-2" class="icon-text-2"></span>
<span title="icon-document" class="icon-document"></span>
<span title="icon-docs" class="icon-docs"></span>
<span title="icon-landscape" class="icon-landscape"></span>
<span title="icon-pictures" class="icon-pictures"></span>
<span title="icon-video" class="icon-video"></span>
<span title="icon-music-3" class="icon-music-3"></span>
<span title="icon-folder" class="icon-folder"></span>
<span title="icon-archive" class="icon-archive"></span>
<span title="icon-trash" class="icon-trash"></span>
<span title="icon-upload" class="icon-upload"></span>
<span title="icon-download" class="icon-download"></span>
<span title="icon-disk" class="icon-disk"></span>
<span title="icon-install" class="icon-install"></span>
<span title="icon-cloud" class="icon-cloud"></span>
<span title="icon-upload-2" class="icon-upload-2"></span>
<span title="icon-bookmark" class="icon-bookmark"></span>
<span title="icon-bookmarks" class="icon-bookmarks"></span>
<span title="icon-book-2" class="icon-book-2"></span>
<span title="icon-play" class="icon-play"></span>
<span title="icon-pause" class="icon-pause"></span>
<span title="icon-record" class="icon-record"></span>
<span title="icon-stop" class="icon-stop"></span>
<span title="icon-next" class="icon-next"></span>
<span title="icon-previous" class="icon-previous"></span>
<span title="icon-first" class="icon-first"></span>
<span title="icon-last" class="icon-last"></span>
<span title="icon-resize-enlarge" class="icon-resize-enlarge"></span>
<span title="icon-resize-shrink" class="icon-resize-shrink"></span>
<span title="icon-volume" class="icon-volume"></span>
<span title="icon-sound" class="icon-sound"></span>
<span title="icon-mute" class="icon-mute"></span>
<span title="icon-flow-cascade" class="icon-flow-cascade"></span>
<span title="icon-flow-branch" class="icon-flow-branch"></span>
<span title="icon-flow-tree" class="icon-flow-tree"></span>
<span title="icon-flow-line" class="icon-flow-line"></span>
<span title="icon-flow-parallel" class="icon-flow-parallel"></span>
<span title="icon-arrow-left" class="icon-arrow-left"></span>
<span title="icon-arrow-down" class="icon-arrow-down"></span>
<span title="icon-arrow-up--upload" class="icon-arrow-up--upload"></span>
<span title="icon-arrow-right" class="icon-arrow-right"></span>
<span title="icon-arrow-left-2" class="icon-arrow-left-2"></span>
<span title="icon-arrow-down-2" class="icon-arrow-down-2"></span>
<span title="icon-arrow-up" class="icon-arrow-up"></span>
<span title="icon-arrow-right-2" class="icon-arrow-right-2"></span>
<span title="icon-arrow-left-3" class="icon-arrow-left-3"></span>
<span title="icon-arrow-down-3" class="icon-arrow-down-3"></span>
<span title="icon-arrow-up-2" class="icon-arrow-up-2"></span>
<span title="icon-arrow-right-3" class="icon-arrow-right-3"></span>
<span title="icon-arrow-left-4" class="icon-arrow-left-4"></span>
<span title="icon-arrow-down-4" class="icon-arrow-down-4"></span>
<span title="icon-arrow-up-3" class="icon-arrow-up-3"></span>
<span title="icon-arrow-right-4" class="icon-arrow-right-4"></span>
<span title="icon-arrow-left-5" class="icon-arrow-left-5"></span>
<span title="icon-arrow-down-5" class="icon-arrow-down-5"></span>
<span title="icon-arrow-up-4" class="icon-arrow-up-4"></span>
<span title="icon-arrow-right-5" class="icon-arrow-right-5"></span>
<span title="icon-arrow-left-6" class="icon-arrow-left-6"></span>
<span title="icon-arrow-down-6" class="icon-arrow-down-6"></span>
<span title="icon-arrow-up-5" class="icon-arrow-up-5"></span>
<span title="icon-arrow-right-6" class="icon-arrow-right-6"></span>
<span title="icon-arrow-left-7" class="icon-arrow-left-7"></span>
<span title="icon-arrow-down-7" class="icon-arrow-down-7"></span>
<span title="icon-arrow-up-6" class="icon-arrow-up-6"></span>
<span title="icon-untitled-2" class="icon-untitled-2"></span>
<span title="icon-arrow-left-8" class="icon-arrow-left-8"></span>
<span title="icon-arrow-down-8" class="icon-arrow-down-8"></span>
<span title="icon-arrow-up-7" class="icon-arrow-up-7"></span>
<span title="icon-arrow-right-7" class="icon-arrow-right-7"></span>
<span title="icon-menu" class="icon-menu"></span>
<span title="icon-ellipsis" class="icon-ellipsis"></span>
<span title="icon-dots" class="icon-dots"></span>
<span title="icon-dot" class="icon-dot"></span>
<span title="icon-cc" class="icon-cc"></span>
<span title="icon-cc-by" class="icon-cc-by"></span>
<span title="icon-cc-nc" class="icon-cc-nc"></span>
<span title="icon-cc-nc-eu" class="icon-cc-nc-eu"></span>
<span title="icon-cc-nc-jp" class="icon-cc-nc-jp"></span>
<span title="icon-cc-sa" class="icon-cc-sa"></span>
<span title="icon-cc-nd" class="icon-cc-nd"></span>
<span title="icon-cc-pd" class="icon-cc-pd"></span>
<span title="icon-cc-zero" class="icon-cc-zero"></span>
<span title="icon-cc-share" class="icon-cc-share"></span>
<span title="icon-cc-share-2" class="icon-cc-share-2"></span>
<span title="icon-daniel-bruce" class="icon-daniel-bruce"></span>
<span title="icon-daniel-bruce-2" class="icon-daniel-bruce-2"></span>
<span title="icon-github" class="icon-github"></span>
<span title="icon-github-2" class="icon-github-2"></span>
<span title="icon-flickr" class="icon-flickr"></span>
<span title="icon-flickr-2" class="icon-flickr-2"></span>
<span title="icon-vimeo" class="icon-vimeo"></span>
<span title="icon-vimeo-2" class="icon-vimeo-2"></span>
<span title="icon-twitter" class="icon-twitter"></span>
<span title="icon-twitter-2" class="icon-twitter-2"></span>
<span title="icon-facebook" class="icon-facebook"></span>
<span title="icon-facebook-2" class="icon-facebook-2"></span>
<span title="icon-facebook-3" class="icon-facebook-3"></span>
<span title="icon-googleplus" class="icon-googleplus"></span>
<span title="icon-googleplus-2" class="icon-googleplus-2"></span>
<span title="icon-pinterest" class="icon-pinterest"></span>
<span title="icon-pinterest-2" class="icon-pinterest-2"></span>
<span title="icon-tumblr" class="icon-tumblr"></span>
<span title="icon-tumblr-2" class="icon-tumblr-2"></span>
<span title="icon-linkedin" class="icon-linkedin"></span>
<span title="icon-linkedin-2" class="icon-linkedin-2"></span>
<span title="icon-dribbble" class="icon-dribbble"></span>
<span title="icon-dribbble-2" class="icon-dribbble-2"></span>
<span title="icon-stumbleupon" class="icon-stumbleupon"></span>
<span title="icon-stumbleupon-2" class="icon-stumbleupon-2"></span>
<span title="icon-lastfm" class="icon-lastfm"></span>
<span title="icon-lastfm-2" class="icon-lastfm-2"></span>
<span title="icon-rdio" class="icon-rdio"></span>
<span title="icon-rdio-2" class="icon-rdio-2"></span>
<span title="icon-spotify" class="icon-spotify"></span>
<span title="icon-spotify-2" class="icon-spotify-2"></span>
<span title="icon-qq" class="icon-qq"></span>
<span title="icon-instagram" class="icon-instagram"></span>
<span title="icon-dropbox" class="icon-dropbox"></span>
<span title="icon-evernote" class="icon-evernote"></span>
<span title="icon-flattr" class="icon-flattr"></span>
<span title="icon-skype" class="icon-skype"></span>
<span title="icon-skype-2" class="icon-skype-2"></span>
<span title="icon-renren" class="icon-renren"></span>
<span title="icon-sina-weibo" class="icon-sina-weibo"></span>
<span title="icon-paypal" class="icon-paypal"></span>
<span title="icon-picasa" class="icon-picasa"></span>
<span title="icon-soundcloud" class="icon-soundcloud"></span>
<span title="icon-mixi" class="icon-mixi"></span>
<span title="icon-behance" class="icon-behance"></span>
<span title="icon-circles" class="icon-circles"></span>
<span title="icon-vk" class="icon-vk"></span>
<span title="icon-smashing" class="icon-smashing"></span>
<span title="icon-paperplane" class="icon-paperplane"></span>
<span title="icon-pencil" class="icon-pencil"></span>
<span title="icon-feather" class="icon-feather"></span>
<span title="icon-paperclip" class="icon-paperclip"></span>
<span title="icon-drawer" class="icon-drawer"></span>
<span title="icon-reply" class="icon-reply"></span>
<span title="icon-reply-all" class="icon-reply-all"></span>
<span title="icon-forward" class="icon-forward"></span>
<span title="icon-user" class="icon-user"></span>
<span title="icon-users" class="icon-users"></span>
<span title="icon-user-add" class="icon-user-add"></span>
<span title="icon-vcard" class="icon-vcard"></span>
<span title="icon-export" class="icon-export"></span>
<span title="icon-location-2" class="icon-location-2"></span>
<span title="icon-mail" class="icon-mail"></span>
</div>
</body>
</html>
